.head {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  padding: 5px 0;
}
.head-nav .logo {
  width: 100px;
  height: 30px;
}
.head-nav .content {
  height: 35px;
  background-color: #ebebeb;
  border-radius: 30px;
}
.head-nav .icon {
  font-size: 14px;
}
.head-nav .hear-search {
  background-color: #ebebeb;
  outline: none;
  border: none;
  font-size: 16px;
}
.head-nav .city {
  margin-left: 5px;
  font-size: 16px;
}
.swiper {
  margin-top: 45px;
}
.swiper img {
  width: 100%;
}
.classify .title {
  font-size: 18px;
}
.classify .classify-content {
  width: 100%;
  flex-wrap: wrap;
}
.classify .classify-content .classify-item {
  width: 25%;
}
.classify .classify-content .photos {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.classify .name {
  font-size: 14px;
}
.city .title {
  width: 100%;
  font-size: 18px;
}
.city .icon {
  font-size: 14px;
}
.city .city-list {
  width: 100%;
  font-size: 18px;
}
.city .city-list .city-content {
  flex-wrap: wrap;
}
.city .city-list .list-item {
  color: black;
  width: 24%;
  padding: 10px 0;
  text-align: center;
  border: 1px solid #999;
}
.city .city-list .list-item:nth-child(2n+1) {
  border-left: none;
}
.city .city-list .list-item:nth-child(4n+4) {
  border-right: none;
}
.place {
  padding-bottom: 60px;
}
.place .place-item {
  border-bottom: 1px solid #ebebeb;
}
.place .title {
  width: 100%;
  font-size: 18px;
}
.place .icon {
  font-size: 14px;
}
.place .list-item img {
  width: 100%;
}
.place .price {
  left: 0;
  bottom: 0;
  width: 100px;
  height: 50px;
  background-color: #14291d;
  opacity: 0.6;
  z-index: 999;
  font-size: 18px;
}
.place .price span {
  font-size: 18px;
}
.place .text {
  font-size: 18px;
}
.place .text .title {
  color: #000;
}
.place .text .area {
  width: 101px;
  background-color: #82c878;
  border-radius: 30px;
}
.place .text .area-icon {
  font-size: 14px;
}
